<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Primeira página em HTML5</title>
<link href="estilo.css" rel="stylesheet" type="text/css">


<script>
	
	document.createElement('header');

</script>
</head>

<body>
	<div id="container">
    	<header id="topo">
        	
            CABEÇALHO DO SITE
        
        </header>
        <aside id="col_esq">
        	
            CONTEÚDO RELACIONADO
        
        </aside>
        <section id="principal">
        	
            <article id="artigo">
            	
                <header id="topo_art">
                	
                 <time datetime="2013-01-25"><P>Publicado em 25 de janeiro de 2013</P></time>
                
                </header>
                	
                    <P>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                    Phasellus id nunc non ipsum tristique consequat. 
                    Donec blandit accumsan rhoncus. Duis at erat et leo 
                    aliquam tempor. Mauris in eros in dui mattis gravida non non lorem. 		                    Suspendisse mattis lacinia cursus. Nullam dapibus venenatis pharetra. 
                    Nullam urna odio, consequat non cursus non, vehicula eu nisi. 
                    Etiam feugiat sem in dolor venenatis elementum. Proin in eleifend mauris. 
                    Integer urna nisl, porttitor vel luctus non, porta vitae massa. 
                    </P>
                
                <footer id="rodape_art">
                	<address>
                    	Author : <a href="#">Pedro Motta</a>
                    </address>
                </footer>
            
            </article>
            
        </section>
            <nav id="col_dir">
            	<h1>MENU</h1>
                
                	<ul>
                    	<li><a href="#">home</a></li>
                        <li><a href="#">quem somos</a></li>
                        <li><a href="#">clientes</a></li>
                        <li><a href="#">contato</a></li>
                        <li><a href="#">portfólio</a></li>
                    </ul>
            </nav>
            <footer id="rodape">
            	RODAPE DA PÁGINA
            </footer> 
    
    </div>
</body>
</html>
